<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			@font-face{
				font-family:iconfont;
				src:url(//at.alicdn.com/t/font_403341_n8tj33yn5peng66r.eot);
				src:url(//at.alicdn.com/t/font_403341_n8tj33yn5peng66r.eot?#iefix) format('embedded-opentype')
				,url(//at.alicdn.com/t/font_403341_n8tj33yn5peng66r.woff) format('woff'),
				url(//at.alicdn.com/t/font_403341_n8tj33yn5peng66r.ttf) format('truetype'),
				url(//at.alicdn.com/t/font_403341_n8tj33yn5peng66r.svg#iconfont) format('svg');
			}
			*{
				margin:0px;
				padding:0px;
			}
			img,video{
				vertical-align: middle;
			}
			.fl{
				float:left;
			}
			.fr{
				float:right;
			}
			.clearfix:after{
				clear:both;
				display:table;
				content:"";
			}
			.nav li{
				float:left;
			}
			.iconfont{
				font-family: iconfont!important;
    			font-size: 140px;
    			position:absolute;
    			left:270px;
				top:240px;
				z-index:3;
				color:pink;
			}
			
			.whitebg{
				display:block;
				width:124px;
				height:49px;
				background:white;
				position:absolute;
				left:280px;
				top:280px;
				z-index:2;
			}
		</style>
	</head>
	<body>
		<div style="float:left;
			position:relative">
			
			<video  style="z-index:1;" src="video1.mp4" autoplay loop width="100%"></video>
			
			<div style="position:absolute;top:0px;left:0px;width:100%;height:100%;font-size:34px;text-align:center;color:white;background-image:linear-gradient(rgba(255,0,0,0.3),rgba(255,255,0,0.3))">
				
				<div class="clearfix ">
					<div class="fl">Logo</div>
					<ul class="fr nav">
						<li><a href="#">Index</a></li>
						<li><a href="#">Index</a></li>
						<li><a href="#">Index</a></li>
						<li><a href="#">Index</a></li>
						<li><a href="#">Index</a></li>
					</ul>
				</div>
				
				<div style="padding-top:200px;">
					<span class="iconfont" >&#xe633;</span>
					好厉害！</div>
				<span class="whitebg" style="z-index:2"></span>
			</div>
		</div>
	</body>
</html>
